<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>长治学院</title>
    <!-- 基本公共样式 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <header >
        <div class="header has-link" id="J-header">
            <!-- 快捷外链部分 start -->
       <div class="navi-top " >
           <div class="w1320">
            <img src="image/smile.png" height="16px" width="16px" alt="">
            <span class="txt-welcome" style="color: #ffffff;"> 
                欢迎访问长治学院！
            </span>
            <!-- 搜索框 -->
            <div class="search fr">
                <div class="search-icon">     </div>
                <input type="text" placeholder="请输入关键词">
                <!-- <img src="image/search.png" width="14px" height="13px" alt=""> -->
            </div>
           <div class="quick-links fr">
               <ul>
                   <li class="fl ">
                       <a href="#">OA登录</a>
                   </li>
                   <li class="fl">
                       <a href="#">VPN登录</a>
                   </li>
                   <li class="fl">
                       <a href="#">信息公开</a>
                   </li>
                   <li class="fl">
                       <a href="#">领导信箱</a>
                   </li>
                   <li class="fl">
                       <a href="#">人才招聘</a>
                   </li>
                   <li class="old-version fl">
                       <a href="#">返回旧版</a>
                   </li>
               </ul>
           </div>
           
        </div>
           
       </div>
       <!-- 快捷外链部分 end -->
           
       <!-- 快捷导航部分  start -->
       <div class="navi-bottom ">
           <div class="w1320 ">
            <a  href="#">
                <div class="logo"></div>
                <!-- <img src="image/logo.png" alt=""> -->
            </a>
            <div class="quick-navi fr">
                <ul>
                    <li class="navi-item fl">
                        <a href="#">首页</a>  
                        <span class="navi-line"></span> 
                    </li>
                    <li class="navi-item fl">
                        <a href="#">学校概况</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>                       
                    </li>
                    <li class="navi-item fl">
                        <a href="#">机构设置</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">党的建设</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">思政工作</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">校园新闻</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">师资队伍</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">人才培养</a>
                        <span class="navi-line"></span>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">招生就业</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">科学研究</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                    <li class="navi-item fl">
                        <a href="#">合作交流</a>
                        <span class="navi-line"></span>
                        <ul class="hidden-menu">
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                            <li class="hidden-item"><a href="#">学校简介</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
           </div>
           
       </div>
       <!-- 快捷导航部分 end -->
       </div>
    </header>
    
    
    <!-- 轮播图 start -->
    <div class="banner">
        <img src="image/banner01.png" alt="">
        <div class="w1320"></div>
           
        <!-- html幻灯片播放插件 -->
    </div>
    <!-- 轮播图 end -->
    <!-- 内容部分 start -->
    <!-- 新闻中心 statr -->
    <div class="news-part ">
        <div class="news-bg">
            <div class="w1320 clear-float">
                <div class="title-bar">
                    <span class="title-line"></span>
                    <img class="sratr-l" src="image/start.png" alt="">
                    <h4 class="title">新闻中心</h4>
                    <img class="start-r" src="image/start.png" alt="">
                    <span class="title-line"></span>
                </div>
                <div class="news-cont">
                    <ul class="cont-right fl">
                        <li class="news-item mt-48">
                            <img class="news-pic" src="image/news-con1.png" alt="">
                            <div class="cont-txt fr">
                                <h5 class="txt-title">
                                    党委理论学习中心组召开第八次党史专题学习扩大会议
                                </h5>
                                <p class="txt-p font-14">
                                    6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部门负责人和各分党委书记参加会议。会议由党委书记郝勇东主...
                                </p>
                            </div>
                        </li>
                        <li class="news-item mt-24">
                            <img src="image/news-con1.png" alt="">
                            <div class="cont-txt fr">
                                <h5 class="txt-title">
                                    党委理论学习中心组召开第八次党史专题学习扩大会议
                                </h5>
                                <p class="txt-p font-14">
                                    6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部门负责人和各分党委书记参加会议。会议由党委书记郝勇东主...
                                </p>
                            </div>
                        </li>
                        <li class="news-item mt-24 ">
                            <img src="image/news-con1.png" alt="">
                            <div class="cont-txt fr">
                                <h5 class="txt-title">
                                    党委理论学习中心组召开第八次党史专题学习扩大会议
                                </h5>
                                <p class="txt-p font-14">
                                    6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部门负责人和各分党委书记参加会议。会议由党委书记郝勇东主...
                                </p>
                            </div>
                        </li>
        
                    </ul>
                    <div class="cont-left fr mt-48">
                        <ul >
                            <li class="news-item ">
                                <div class="txt-box fl">
                                    <h5 class="item-title">
                                        党委理论学习中心组召开第八次党史专...
                                    </h5>
                                    <p class="item-p font-14">
                                        6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部...
                                    </p>
                                </div>
                                <div class="date-box fr">
                                    <span class="day">6-25</span>
                                    <span class="year">2021</span>
                                </div>
                            </li>
                            <li class="news-item ">
                                <div class="txt-box fl">
                                    <h5 class="item-title">
                                        党委理论学习中心组召开第八次党史专...
                                    </h5>
                                    <p class="item-p font-14">
                                        6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部...
                                    </p>
                                </div>
                                <div class="date-box fr">
                                    <span class="day">6-25</span>
                                    <span class="year">2021</span>
                                </div>
                            </li>
                            <li class="news-item ">
                                <div class="txt-box fl">
                                    <h5 class="item-title">
                                        党委理论学习中心组召开第八次党史专...
                                    </h5>
                                    <p class="item-p font-14">
                                        6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部...
                                    </p>
                                </div>
                                <div class="date-box fr">
                                    <span class="day">6-25</span>
                                    <span class="year">2021</span>
                                </div>
                            </li>
                            <li class="news-item ">
                                <div class="txt-box fl">
                                    <h5 class="item-title">
                                        党委理论学习中心组召开第八次党史专...
                                    </h5>
                                    <p class="item-p font-14">
                                        6月24日下午，我校党委理论学习中心组召开第八次党史专题学习扩大会议。学校领导班子成员、相关职能部...
                                    </p>
                                </div>
                                <div class="date-box fr">
                                    <span class="day">6-25</span>
                                    <span class="year">2021</span>
                                </div>
                            </li>
                            <li class="more">
                                <span class="eng">V&nbsp;I&nbsp;E&nbsp;W&nbsp;&nbsp;M&nbsp;O&nbsp;R&nbsp;E</span>
                                <img src="image/diamond.png" alt="">
                                <button class="view-more">查看更多&nbsp;&nbsp;-></button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>

    </div>
    <!-- 新闻中心 end -->
    <div class="lecture-school">
        <!-- 讲座活动 start -->
        <div class="lecture">
            <div class="w1320">
                <div class="title-bar" style="padding-top: 0px;">
                    <span class="title-line"></span>
                    <img class="sratr-l" src="image/start.png" alt="">
                    <h4 class="title">讲座活动</h4>
                    <img class="start-r" src="image/start.png" alt="">
                    <span class="title-line"></span>
                </div>
            </div>       
            <div class="lec-bg">
                <div class="w1320">
                    <div class="lec-contain">
                        <div class="lec-left fl">
                            <img src="image/矩形 163.png" alt="">
                        </div>
                        <div class="lec-mid">
                            <span class="lec-title">
                                党委理论学习中心组召开第八次党史专题学习扩大会议
                            </span>
                            <span class="lec-p over-txt font-14">
                                    为迎接中国共产党成立100周年，丰富党史学习教育学习形式，提升学习教育实效，推动党史学习教育深入开展，6月18日，由长治学院、长治市退役军人事务局主办，太行dvnewuinsdofnwfjsdnfweiufnskvsnfliwenasdkfjlfldsjv
                            </span>
                            <div class="vertical-line">
                                <div class="time-local" style="opacity: 1">
                                    <div class="time">
                                        <img src="image/clock.png" alt="">
                                        <span class="time-txt font-14-w">2021-05-07&nbsp;18:30</span>
                                    </div>
                                    <div class="local">
                                        <img src="image/定位.png" alt="">
                                        <span class="local-txt font-14-w">某某某某地点</span>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="lec-right fr">
                            <img  src="image/eye-view.png" alt="">
                        </div>
                        <a href=""><div class="arrow-l"><div class="icon-left"></div></div></a>
                        <a href=""><div class="arrow-r"><div class="icon-right"></div></div></a>
                    </div>
                    
                    
            
                </div>
            </div>
        </div>
        <!-- 讲座活动 end -->
        <!-- 经纬校园 start -->
        <div class="school">
            <div class="bg-school"></div>
            <div class="w1320">
                <a href="#"><button class="view-more one">查看更多&nbsp;&nbsp;-></button></a>
                <div class="bg-lecture"> </div>
                <div class="bg-white"></div>
                <div class="title-bar" style="padding-top: 90px;">
                    <span class="title-line"></span>
                    <img class="sratr-l" src="image/start.png" alt="">
                    <h4 class="title">经纬校园</h4>
                    <img class="start-r" src="image/start.png" alt="">
                    <span class="title-line"></span>
                </div>
                <div class="content">
                    <div class="red-block"></div>
                    <div class="white-border"></div>
                    <div class="red-border"></div>
                    <a href="#"><button class="view-more two">查看更多&nbsp;&nbsp;-></button></a>
                    <div class="pic-thinker">
                        <img src="image/school/矩形 38.png" alt="">
                    </div>
                    <div class="campus-list">
                        <ul >
                            <a href="#">
                                <li style="margin-top: 41px;">
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li>
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li>
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li>
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li>
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li>
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                            <a href="#">
                                <li style="border: none;">
                                    <img src="image/school/navigation-2.png" alt="">
                                    <span class="list-txt">计算机系举办“唱红歌 颂党恩 跟党走”合唱比赛</span>
                                    <span class="list-time">2021-06-25</span>
                                </li>
                                
                            </a>
                        </ul>
                    </div>
                    
                </div>
            </div>
            
    
        </div>
        <!-- 经纬校园 end -->
    </div>
    <!-- 通知公告 start -->
    <div class="notice">
        <div class="line"></div>
        <div class=" w1320">
            <div class="title-bar">
                <span class="title-line" style="background: #ffffff;"></span>
                <img class="sratr-l" src="image/start-w.png" alt="">
                <h4 class="title" style="color: #ffffff;">通知公告</h4>
                <img class="start-r" src="image/start-w.png" alt="">
                <span class="title-line" style="background: #ffffff;"></span>
            </div>
            <div class="notice-content">
                 <ul>
                    <li class="above" style="margin-left: 0px;">
                        <div class="card">
                            <a href="#">
                                <p class="notice-time">2021-05-07</p>
                                <p class="notice-details">长治学院附属太行中学校​2021年公开招聘工作人员面试公告</p>
                            </a>
                        </div>
                        <div class="below"><div class="round"></div></div>
                        
                        
                    </li>
                    <li class="above" >
                        <div class="card">
                            <a href="#">
                                <p class="notice-time">2021-05-07</p>
                                <p class="notice-details">长治学院附属太行中学校​2021年公开招聘工作人员面试公告</p>
                            </a>
                        </div>
                        <div class="below"><div class="round"></div></div>
                        
                        
                    </li>
                    <li class="above" >
                        <div class="card">
                            <a href="#">
                                <p class="notice-time">2021-05-07</p>
                                <p class="notice-details">长治学院附属太行中学校​2021年公开招聘工作人员面试公告</p>
                            </a>
                        </div>
                        <div class="below"><div class="round"></div></div>
                        
                        
                    </li>
                 </ul>
                <div class="notice-footer">
                    <a href=""><div class="arrow-l"><div class="icon-left"></div></div></a>
                    <a href=""><button class="view-more">查看更多&nbsp;&nbsp;-></button></a>
                    <a href=""><div class="arrow-r"><div class="icon-right"></div></div></a>
                </div>
            </div>
            
        </div>
        
    </div>
     <!-- 通知公告 end -->
     
    <!-- 学校概况 start -->
     <div class="school-points">
  
         <div class="points-content w1320">
            <div class="title-bar">
                <span class="title-line" ></span>
                <img class="sratr-l" src="image/start.png" alt="">
                <h4 class="title" >学校概况</h4>
                <img class="start-r" src="image/start.png" alt="">
                <span class="title-line" ></span>
            </div>
            <div class="red-block"></div>
            <div class="points-pic">
                <img src="image/points/矩形 545.png" alt="">
            </div>
            <div class="points-txt">
                <p class="font-14">
                    长治学院（Changzhi University）创建于1958年，前身为晋东南师范专科学校，2004年教育部批准升格为综合性全日制普通本科高校，学士学位授予单位，2012年起与山西师范大学联合培养硕士研究生，2018年获批硕士学位授予权立项建设单位。
                </p>
            </div>
            <a href=""><button class="view-more">查看更多&nbsp;&nbsp;-></button></a>
         </div>

     </div>
    <!-- 学校概况 end -->
    <!-- 教学科研 start -->
    <div class="teach-research">
        <div class="bg-teach"></div>
        <div class="tech-line"></div>
        <div class="teach-content w1320">
            
            <div class="research"></div>
            <div class="title-bar" style="padding-top: 0px;" >
                <span class="title-line" ></span>
                <img class="sratr-l" src="image/start.png" alt="">
                <h4 class="title" >教学科研</h4>
                <img class="start-r" src="image/start.png" alt="">
                <span class="title-line" ></span>
            </div>
            <div class="tech-content">
                <ul>
                    <li>
                        <a href="">
                            <img src="image/teach/teach01.png" alt="">
                            <div class="tech-txt">
                                <p class="tech-title">我校召开申请列为学士学位授权专业暨专业建设指导评审会</p>
                                <p class="tech-p font-14">2021年4月16日，受山西省人民政府学位委员会办公室委托，我校召开了2021年申请列为学士学位授权专业暨专业建设指导评审会议，会议在1号教学楼中会议室举行。我校的财务管理、酒店管理2个专业申请列为学士学位授权专业，商务...</p>
                            </div>
                            <div class="tech-icon"></div>
                            <div class="tech-time">2021-05-25</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="image/teach/teach01.png" alt="">
                            <div class="tech-txt">
                                <p class="tech-title">我校召开申请列为学士学位授权专业暨专业建设指导评审会</p>
                                <p class="tech-p font-14">2021年4月16日，受山西省人民政府学位委员会办公室委托，我校召开了2021年申请列为学士学位授权专业暨专业建设指导评审会议，会议在1号教学楼中会议室举行。我校的财务管理、酒店管理2个专业申请列为学士学位授权专业，商务...</p>
                            </div>
                            <div class="tech-icon"></div>
                            <div class="tech-time">2021-05-25</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="image/teach/teach01.png" alt="">
                            <div class="tech-txt">
                                <p class="tech-title">我校召开申请列为学士学位授权专业暨专业建设指导评审会</p>
                                <p class="tech-p font-14">2021年4月16日，受山西省人民政府学位委员会办公室委托，我校召开了2021年申请列为学士学位授权专业暨专业建设指导评审会议，会议在1号教学楼中会议室举行。我校的财务管理、酒店管理2个专业申请列为学士学位授权专业，商务...</p>
                            </div>
                            <div class="tech-icon"></div>
                            <div class="tech-time">2021-05-25</div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="arrow-l"><div class="icon-left"></div></div>
            <div class="arrow-r"><div class="icon-right"></div></div>
        </div>

    </div>
    <!-- 教学科研 end -->
    <!-- 校园文化 start -->
    <div class="campus-culture ">
        <div class="type-area w1320">
            <!-- <div class=""> -->
            <div class="bg-left"></div>
            <div class="bg-right"></div>
            <div class="bg-culture"></div>
            <div class="bg-campus"></div>
            <div class="title-bar" style="padding-top: 7 0px;">
                <span class="title-line" ></span>
                <img class="sratr-l" src="image/start.png" alt="">
                <h4 class="title" >校园文化</h4>
                <img class="start-r" src="image/start.png" alt="">
                <span class="title-line" ></span>
            </div>
            <!-- </div> -->
            <div class="culture-content">
                <ul>
                    <li style="margin-left: 0px;">
                        <a href=""><img src="image/campus-culture/矩形 194.png" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="image/campus-culture/矩形 194.png" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="image/campus-culture/矩形 198.png alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="image/campus-culture/矩形 198.png" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="image/campus-culture/矩形 204.png" alt=""></a>
                    </li>
                </ul>
            </div>
            <a href=""></a><button class="view-more">查看更多&nbsp;&nbsp;-></button></a>
            <div class="arrow">
                <a href=""><div class="arrow-l-red" ><div class="icon-left-red"></div></div></a> 
                <a href=""><div class="arrow-r-red" ><div class="icon-right-red"></div></div></a>
            </div>
            
        </div>

    </div>
    <!-- 校园文化 end -->
    <!-- 专题专栏 start -->
    <div class="special">
        <div class="special-column ">
            <div class="title-bar" style="padding-top: 0px;">
                <span class="title-line"></span>
                <img class="sratr-l" src="image/start.png" alt="">
                <h4 class="title">专题专栏</h4>
                <img class="start-r" src="image/start.png" alt="">
                <span class="title-line"></span>
            </div>
             <a href=""><div class="arrow-l-red" ><div class="icon-left-red"></div></div></a> 
             <a href=""><div class="arrow-r-red" ><div class="icon-right-red"></div></div></a>
            <div class="cards w1320">
              
                        
                <div class="card">
                    <a href=""><img src="image/special-column/card1.png" alt=""></a>
                </div>
                        
                        
                
            </div>
            
        </div>
    </div>
    
    <!-- 专题专栏 end -->
    
    <!-- 内容部分 end -->

    <!-- 页面底部 start -->
    <footer class="footer">
        <div >
            <div class="footer-menu">
                <ul>
                    <li style="margin-left: 0px;">
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                    <li >
                        <a href="#">          
                            <img class="ico" src="image/footer-menu/ic- VPN.png" alt="">
                            <span class="ico-txt">VPN登录</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="w1320">
            <div class="footer-logo">
                <img src="image/footer-logo.png" alt="">
            </div>
            <div class="footer-links">
                <ul class="links-top">
                    <li class="links-txt" style="margin-left: 0px;" >
                        <a href="#">学院文件</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">教育部</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">山西教育厅</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">网络教育平台</a>
                    </li>
                    <li class="links-txt fr" style="margin-right:0px;" >
                        <a href="#">资源共享课</a>
                    </li>
                </ul>
                <ul class="links-bot">
                    <li class="links-txt" style="margin-left:0px;" >
                        <a href="#">国家数据平台</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">教学成果</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">科技部</a>
                    </li>
                    <li class="links-txt" >
                        <a href="#">山西省科技厅</a>
                    </li>
                    <li class="links-txt" style="margin-right:0px;" >
                        <a href="#">数据采集平台</a>
                    </li>
                </ul>
            </div>
            <div class="footer-p">
                <div class="address">
                    <img src="image/定位.png" alt="">
                    <span class="address-txt">地址：山西省长治市保宁门东街73号</span>
                </div>
                <div class="copyright">
                    <span class="copyright-txt">版权所有：长治学院 晋公网安备14040202000083号 晋ICP备16006961号-1</span>
                </div>
                <div class="foot-icon">
                    <img class="shield" src="image//图像 9.png "alt="">
                    <img class="padge" src="image/图像 8.png" alt="">
                </div>
            </div>
            
        </div>
    </footer>
    <!-- 页面底部 end -->
</body>
</html>